*{
    margin: 0px;
    padding:0px;
}
body{
    background:#ccc;
}
li{
    list-style:none;
}
a{
    text-decoration:none;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:after{
    clear:both;
    display:table;
    content:"";
}
.all{
    background:white;
    width:1200px;
    margin:10px auto;
}
.all .top{
    height:28px;
}
.all .hot_line{
    width:7px;
    height:25px;
    background:red;
    display:block;
}
.all h3{
    font-size: 20px;
    color: #ff242d;
    margin-left:8px;
}
.all .nav{
    margin-bottom:10px;
}
.all .nav li{
    float:left;
    margin:5px 5px;
}
.all .nav li a{

    font-size:12px;
    color:#666;
}
.advspan{
    font-size:12px;
    color:#eee;
    border-radius:5px;
    padding:0px 3px;
    text-align:center;
    border:1px solid #eee;
    margin-top:8px;
    margin-right:3px;
}
.all .hot_product_list{
    font-size:14px;
}
.all .hot_product_list li{
    width:25%;
    float:left;
    box-sizing:border-box;
    padding:23px;
}
.all .adv{
    margin-top:10px;
    padding-left: 20px;
}
.all .adv>div{
    float:left;
    width:330px;
    padding:5px;
    box-sizing:border-box;
}
.all .adv>div img{
    width:100%;
    margin:0px auto;
}
.all .hot_product_list div img{
    width:100%;
}
.all:hover{
    color:blue;
}